<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="applicable-device" content="pc" />
    <title>基本设置--基本资料</title>
    <meta name="keywords" content="KEYWORD" />
    <meta name="description" content="DESCRIPTION" />
    <link rel="stylesheet" href="./public/css/common.min.css"/>
    <link rel="stylesheet" href="./css/form.min.css"/>
  </head>
  <body>
    <!--begin: 顶部信息条-->
    <div class="top-bar">
      <div class="container">
        <div class="fl">
          <ul class="clearfix">
            <li><a class="color-f70" href="#">入驻花仙商城</a></li>
            <li class="drop wechat ml40">
              <a class="drop-opr">关注微信接单<i class="icon-arrow"></i></a>
              <div class="drop-more">
                <img src="./images/qrcode.png" width="140" height="140" alt="微信公众号" />
                <p class="mt10 tc">关注微信接单</p>
              </div>
            </li>
            <li class="drop city ml45" id="cityPicker">
              <a class="drop-opr"><span class="j-cityNow">合肥</span><i class="icon-arrow"></i></a>
              <div class="drop-more">
                <div class="color-9">当前城市：<b class="j-cityNow color-3">合肥</b><a class="ml5 color-f70" href="javascript:;">[设为默认城市]</a></div>
                <div id="cityWrap"></div>
              </div>
            </li>
            <li class="ml20"><a href="#">花店地图</a></li>
          </ul>
        </div>
        <div class="fr">
          <ul class="clearfix">
            <li class="download drop">
              <a class="drop-opr" href="#"><i class="icon-mobile"></i>APP下载<i class="icon-arrow"></i></a>
              <div class="drop-more">
                <div class="qrcode clearfix">
                  <span class="img fl"><img src="./images/qrcode.png" width="140" height="140" alt="下载APP"></span>
                  <div class="fl">
                    <p>扫描下载花密欧APP</p>
                    <a class="ios mt15" href="#">App store下载</a>
                    <a class="android mt15" href="#">Android下载</a>
                  </div>
                </div>
              </div>
            </li>
            <li class="ml30"><a href="#">收藏花店</a></li>
            <li class="ml30"><a href="#">帮助中心</a></li>
            <li class="ml30"><a href="#">客服工单</a></li>
            <li class="login ml20"><a href="#">登录</a></li>
            <li class="register ml20"><a href="#">注册</a></li>
          </ul>
        </div>
      </div>
    </div>
    <!--end: 顶部信息条-->
    <!--begin: 头部导航-->
    <div class="header">
      <div class="container">
        <a class="fl logo" href="#"><img src="./public/img/logo-min.png" width="87" height="43" alt="logo"/></a>
        <div class="nav-header fl">
          <ul class="clearfix">
            <li class="active"><a href="#"><i class="icon-angle"></i>后台首页</a></li>
            <li><a href="#"><i class="icon-angle"></i>账户设置</a></li>
            <li><a href="#"><i class="icon-angle"></i>我的商城</a></li>
            <li><a href="#"><i class="icon-angle"></i>消息</a></li>
          </ul>
        </div>
        <div class="fr search-bar clearfix">
          <label for="inputSearch">请输入内容</label>
          <input class="fl input" type="text" id="inputSearch" />
          <button class="fl btn" type="button">搜索</button>
        </div>
      </div>
    </div>
    <!--end: 头部导航-->

    <div class="main">
      <div class="main-in clearfix">
        <!--begin: 侧边导航-->
        <div class="nav-side fl">
          <dl>
            <dt><i class="icon-n1"></i>接单中心</dt>
            <dd><a href="#">未配送订单<span class="color-f70">(10)</span></a></dd>
            <dd><a href="#">已完成订单</a></dd>
            <dd><a href="#">问题订单</a></dd>
          </dl>
          <dl>
            <dt><i class="icon-n2"></i>下单中心</dt>
            <dd><a href="#">未配送订单<span class="color-f70">(10)</span></a></dd>
            <dd><a href="#">已完成订单</a></dd>
            <dd><a href="#">问题订单</a></dd>
          </dl>
          <dl>
            <dt><i class="icon-n3"></i>账户设置</dt>
            <dd><a href="#">账户余额</a></dd>
            <dd><a href="#">账户安全</a></dd>
            <dd><a href="#">我要充值</a></dd>
            <dd><a href="#">申请提现</a></dd>
            <dd><a href="#">我的银行卡</a></dd>
            <dd><a href="#">交易明细</a></dd>
          </dl>
          <dl>
            <dt><i class="icon-n4"></i>特色服务</dt>
            <dd><a href="#">交纳保证金</a></dd>
            <dd><a href="#">实名认证</a></dd>
            <dd><a href="#">订单推送设置</a></dd>
          </dl>
          <dl>
            <dt><i class="icon-n5"></i>基础设置</dt>
            <dd><a href="#">基本资料</a></dd>
            <dd><a href="#">店铺设置</a></dd>
            <dd><a href="#">坐标设置</a></dd>
            <dd><a href="#">接单范围</a></dd>
            <dd><a href="#">快捷登录</a></dd>
          </dl>
          <dl>
            <dt><i class="icon-n6"></i>快捷工具</dt>
            <dd><a href="#">打印模版</a></dd>
            <dd><a href="#">下单模版</a></dd>
          </dl>
        </div>
        <!--end: 侧边导航-->
        <!--beigin: 内容部分-->
        <div class="wrapper bg-white form">
          <h2 class="h2-title">基本资料</h2>
          <form>
            <div class="form-cont">
              <div class="clearfix">
                <span class="form-label fl"><i class="icon-must">*</i>店主姓名</span>
                <label class="input fl"><input tip="请输入姓名" altercss="gray" class="input-md" type="text"></label>
                <p class="form-error fl">店主姓名必须与实名认证一致</p>
              </div>
              <div class="clearfix">
                <span class="form-label fl"><i class="icon-must">*</i>联系电话</span>
                <label class="input fl"><input tip="请输入电话" altercss="gray" class="input-md" type="text"></label>
                <a href="javascript:;" class="fl btn-link btn-addnew">+新增</a>
              </div>
              <div class="clearfix">
                <span class="form-label fl"><i class="icon-must">*</i>联系邮箱</span>
                <label class="input fl"><input tip="请输入邮箱" altercss="gray" class="input-md" type="text"></label>
              </div>
              <div class="clearfix">
                <span class="form-label fl"><i class="icon-must">*</i>联系QQ</span>
                <label class="input fl"><inputtip="请输入QQ" altercss="gray" class="input-md" class="input-md" type="text"></label>
                <a href="javascript:;" class="fl btn-link btn-addnew">+新增</a>
              </div>
              <div class="clearfix">
                <span class="form-label fl"><i class="icon-must">*</i>性别</span>
                <div class="checkbox-wrap fl">
                  <label class="label fl"><input type="radio" name="sex" checked="checked">男</label>
                  <label class="label fl ml30"><input type="radio" name="sex">女</label>
                </div>
              </div>
              <div class="btn-wrap mt30">
                <button class="btn btn-orange btn-fill" type="button">确认</button>
              </div>
            </div>
          </form>
        </div>
        <!--end: 内容部分-->
      </div>
    </div>

    <!--begin: 底部-->
    <div class="footer">
      <div class="container f-top">
        <ul class="clearfix">
          <li><i class="icon-f1"></i><h6>免费配送</h6><p>全国大部分市区免费配送</p></li>
          <li><i class="icon-f2"></i><h6>10年品牌</h6><p>10年鲜花品牌，值得信赖</p></li>
          <li><i class="icon-f3"></i><h6>新鲜花材</h6><p>昆明新鲜花材，现做现送</p></li>
          <li><i class="icon-f4"></i><h6>3h可达</h6><p>全国连锁，快至3h送达</p></li>
          <li><i class="icon-f5"></i><h6>无忧售后</h6><p>质量问题全额退款</p></li>
        </ul>
      </div>
      <div class="container f-nav">
        <dl class="fl">
          <dt>新手指南</dt>
          <dd><a href="#">用户服务协议</a></dd>
          <dd><a href="#">购物流程指南</a></dd>
          <dd><a href="#">支付流程说明</a></dd>
          <dd><a href="#">售后服务政策</a></dd>
        </dl>
        <dl class="fl">
          <dt>新手指南</dt>
          <dd><a href="#">用户服务协议</a></dd>
          <dd><a href="#">购物流程指南</a></dd>
          <dd><a href="#">支付流程说明</a></dd>
          <dd><a href="#">售后服务政策</a></dd>
        </dl>
        <dl class="fl">
          <dt>新手指南</dt>
          <dd><a href="#">配送服务说明</a></dd>
          <dd><a href="#">快递配送说明</a></dd>
          <dd><a href="#">配送范围及费用</a></dd>
          <dd><a href="#">定时配送及费用</a></dd>
        </dl>
        <dl class="fl">
          <dt>新手指南</dt>
          <dd><a href="#">在线支付</a></dd>
          <dd><a href="#">转账汇款</a></dd>
          <dd><a href="#">货到付款</a></dd>
          <dd><a href="#">上门收款</a></dd>
        </dl>
        <div class="fl qrcode">
          <span class="img"><img src="./public/img/qrcode-huamill.png" width="104" height="104" alt="花密欧公众号"/></span>
          <p>花密欧公众号</p>
        </div>
        <div class="fl last">
          <b class="tel">0551-164215200</b>
          <p>周一至周六 8:00-24:00<br/>周末 9:00-18:00</p>
          <a class="btn-ask" href="javascript:;" target="_self"><i></i>在线咨询</a>
        </div>
      </div>
      <div class="copy">
        <div class="container">
          <div class="link">
            <a href="#">关于我们</a><i class="line">|</i>
            <a href="#">安全隐私</a><i class="line">|</i>
            <a href="#">订购流程</a><i class="line">|</i>
            <a href="#">招聘英才</a><i class="line">|</i>
            <a href="#">帮助中心</a><i class="line">|</i>
            <a href="#">客服中心</a><i class="line">|</i>
            <a href="#">鲜花百科</a>
          </div>
          <p class="mt10">Copyright 2007-2017 cyzone.cn All rights reserved 京ICP证070362号 京ICP备08103950号 新出发京零字第朝140005号</p>
        </div>
      </div>
    </div>
    <!--end: 底部-->
    <script type="text/javascript" src="./public/js/jquery.min.js"></script>
    <script type="text/javascript" src="./plugin/citypicker/citypicker.js"></script>
    <script type="text/javascript" src="./public/js/common.js"></script>
    <script type="text/javascript">
      $(function () {
         $('.form-cont').on('click', '.btn-addnew', function(){
            var thisBtn = $(this);
           var clickRow = $(this).parent('.clearfix');
           $(this).remove();
           var addDom = clickRow.clone();
           clickRow.after(addDom);
           clickRow.append(thisBtn);
         });
      });
    </script>
  </body>
</html>